import { createApp } from 'vue';
// 引入 element-plus
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import './assets/global.css';
import App from './App.vue';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import 'element-plus/theme-chalk/index.css';

// 1. 第一步：先创建 Vue 应用实例（定义 app 变量）
const app = createApp(App);

// 2. 第二步：再使用 app 实例挂载插件（ElementPlus）
app.use(ElementPlus);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

// 3. 第三步：最后挂载根组件到 DOM（必须加这行，否则项目无法渲染）
app.mount('#app');